import { Component, Vue } from 'vue-property-decorator'
import styles from './AdminApply.less'
@Component({})
export default class AdminApply extends Vue {
  private seal: any = {}

  protected render() {
    return (
      <div class={styles.printPage}>
        <div class={styles.pContainer}>
          <h1 style="text-align: center;">
            浙江省政府电子印章系统机构印章管理员申请表
          </h1>
          <div>
            <h3>一、申请授权机构信息</h3>
            <div>
              <div>
                <p class="label">机构统一化规范全称：</p>
                <p class="content">
                  <input
                    v-model={this.seal.organize}
                    disabled
                    type="text"
                    class="input"
                    style="width:577px"
                  />
                </p>
              </div>
              <div>
                <p class="label">机构类型：</p>
                <p class="content">
                  <input
                    v-model={this.seal.orgType}
                    disabled
                    type="text"
                    class="input"
                    style="width:657px"
                  />
                </p>
              </div>
              <div>
                <p class="label">证照类型：</p>
                <p class="content">
                  <input
                    v-model={this.seal.licenseType}
                    disabled
                    type="text"
                    class="input"
                    style="width:657px"
                  />
                </p>
              </div>
              <div>
                <p class="label">证照号码：</p>
                <p class="content">
                  <input
                    v-model={this.seal.licenseNumber}
                    disabled
                    type="text"
                    class="input"
                    style="width:657px"
                  />
                  {this.seal.isUpdate && (
                    <span class="updateReminder">
                      （统一社会信用代码已更新，请仔细核对）
                    </span>
                  )}
                </p>
              </div>
            </div>
            <h3>二、申请人基本信息</h3>
            <div>
              <div>
                <p class="label">申请人姓名：</p>
                <p class="content">
                  <input
                    v-model={this.seal.agentName}
                    disabled
                    type="text"
                    class="input"
                    style="width:641px"
                  />
                </p>
              </div>
              <div>
                <p class="label">申请人证件类型：</p>
                <p class="content">
                  <input
                    v-model={this.seal.agentLicenseType}
                    disabled
                    type="text"
                    class="input"
                    style="width:610px"
                  />
                </p>
              </div>
              <div>
                <p class="label">申请人证件号：</p>
                <p class="content">
                  <input
                    v-model={this.seal.agentLicenseNumber}
                    disabled
                    type="text"
                    class="input"
                    style="width:626px"
                  />
                </p>
              </div>
              <div>
                <p class="label">申请人手机号：</p>
                <p class="content">
                  <input
                    v-model={this.seal.agentMobile}
                    disabled
                    type="text"
                    class="input"
                    style="width:626px"
                  />
                </p>
              </div>
            </div>
            <h3>三、说明</h3>
            <div>
              <p>1、此申请表申请人签字并需加盖申请授权机构单位公章。</p>
              <p>2、此申请表由受理机构保存。</p>
            </div>
            <div class="box" style="height:auto;">
              <h4>申请人在此郑重声明：</h4>
              <ul style="padding:10px 0 0 30px;">
                <li>
                  本人在正式申请证书前已仔细阅读并同意接受本申请表相关内容
                </li>
                <li>
                  本人为申请机构印章管理员的资料完全真实，愿意承担由于提供的资料虚假而导致的一切后果。
                </li>
              </ul>
              <div style="margin: 40px 0;">
                <p class="label">申请人签名：</p>
                <p class="content" style="text-align: right;">
                  日期:_______年____月_____日
                </p>
              </div>
              <h4>授权单位在此郑重申明：</h4>

              <p style="text-indent: 2em; margin: 5px 0;">
                以上所填信息及相关证明材料准确、真实、有效，本单位已知悉并承诺加强对电子印章及数字证书的管理以控制以避免相关风险。
              </p>
              <p style="text-indent: 2em; margin: 5px 0;">
                本单位全权授权上述申请人为机构印章管理员，负责以上管理员权限内的相关管理事宜，包括但不限于本单位电子印章的使用、授权、管理等功能。
              </p>
              <div class="vh">
                <p style="line-height: 149px;font-size:18px;float:left;margin-left: 407px;">
                  申请单位盖章：
                </p>
                <p style="font-size:15px;position: absolute;bottom:0px;right:0;">
                  日期：_______年______月______日
                </p>
              </div>
            </div>
          </div>
        </div>
        {/* <div style="text-align: center">
					<button onClick={this.print} class="print-btn noprint">
						打印
					</button>
				</div> */}
      </div>
    )
  }

  private mounted() {
    this.seal = JSON.parse(
      sessionStorage.getItem('adminInfo') ||
        window.parent.sessionStorage.getItem('adminInfo') ||
        '{}'
    )
  }
}
